
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" type="text/css" rel="stylesheet"/>
<script src='jquery.js'></script>
<script>
$(document).ready(function(){
	$('.hf').mouseover(function(){
		$(this).parent().siblings('#fb_form').show();
	})
	$('.fb_form').mouseleave(function(){
		$(this).hide();
	})
})
function setTab(name,cursel,n){
	for(i=1;i<=n;i++){
		var menu=document.getElementById(name+i);
		var con=document.getElementById("con_"+name+"_"+i);
		menu.className=i==cursel?"current":"";
		con.style.display=i==cursel?"block":"none";
	}
	if(cursel!=1){
		$('.plbox .pls').css('border-left','solid 1px #ccc');
	}else{
		$('.plbox .pls').css('border-left','none');
	}
}
</script>
<div class='plbox'>
	<div class='pltop'>
		<div class='pls'>
			<span id='pl1' class='current'><a href='javascript:setTab("pl",1,4)'>全部评价(<b class='num'>0</b>)</a></span>
			<span id='pl2'><a href='javascript:setTab("pl",2,4)'>好评(0)</a></span>
			<span id='pl3'><a href='javascript:setTab("pl",3,4)'>中评(0)</a></span>
			<span id='pl4' class='pls_4'><a href='javascript:setTab("pl",4,4)'>差评(0)</a></span>
			<div class='cl'></div>	
		</div>
		<div class='cl'></div>
	</div>

	
	<div class='plcont' id='con_pl_1' > 	<!--全部评论-->
		<!--循环开始-->
		<div class='cont_l fl'>
			<div class='icon'>
			<img title='tom' src='icon.png' /><br/>
			</div>
			<p><a href='#' >会员名</a></p>
			<p><a href='#'>注册会员</a></p>
		</div>
		<div class='cont_r fl'>
			<p class='cont_r_t'>
				<span class='star fl'>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_off' href='#'></a>
				</span>
				<span class='date fr'>2013-08-08 23:08</span>
				<div class='cl'></div>
			</p>
			<div class='cont_r_c'>
				<p><span>评价内容:</span>爱的法拉利是道格拉斯的噶</p>
				<div class='feedback'><span class='hf'>回复(0)</span><span id='yy'>有用(0)</span><div class='cl'></div></div>
				<div class='fb_form' id='fb_form' style='display:none'>
					<input type='text' id='fb_cont' />
					<span id='fb_sub'>回复</span> 
				</div>
			</div>
			<div class=''></div>
		</div>
		<div class='cl'></div>
		<!--循环结束-->
	</div>
	
	<div class='plcont' id='con_pl_2' style='display:none'> 	<!--好评-->
		<!--循环开始-->
		<div class='cont_l fl'>
			<div class='icon'>
			<img title='tom' src='icon.png' /><br/>
			</div>
			<p><a href='#' >会员名</a></p>
			<p><a href='#'>注册会员</a></p>
		</div>
		<div class='cont_r fl'>
			<p class='cont_r_t'>
				<span class='star fl'>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_off' href='#'></a>
				</span>
				<span class='date fr'>2013-08-08 23:08</span>
				<div class='cl'></div>
			</p>
			<div class='cont_r_c'>
				<p><span>评价内容:</span>好评</p>
				<div class='feedback'><span class='hf'>回复(0)</span><span id='yy'>有用(0)</span><div class='cl'></div></div>
				<div class='fb_form' id='fb_form' style='display:none'>
					<input type='text' id='fb_cont' />
					<span id='fb_sub'>回复</span> 
				</div>
			</div>
			<div class=''></div>
		</div>
		<div class='cl'></div>
		<!--循环结束-->
	</div>
	
	<div class='plcont' id='con_pl_3' style='display:none'> 	<!--中评-->
		<!--循环开始-->
		<div class='cont_l fl'>
			<div class='icon'>
			<img title='tom' src='icon.png' /><br/>
			</div>
			<p><a href='#' >会员名</a></p>
			<p><a href='#'>注册会员</a></p>
		</div>
		<div class='cont_r fl'>
			<p class='cont_r_t'>
				<span class='star fl'>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_off' href='#'></a>
				</span>
				<span class='date fr'>2013-08-08 23:08</span>
				<div class='cl'></div>
			</p>
			<div class='cont_r_c'>
				<p><span>评价内容:</span>中评</p>
				<div class='feedback'><span class='hf'>回复(0)</span><span id='yy'>有用(0)</span><div class='cl'></div></div>
				<div class='fb_form' id='fb_form' style='display:none'>
					<input type='text' id='fb_cont' />
					<span id='fb_sub'>回复</span> 
				</div>
			</div>
			<div class=''></div>
		</div>
		<div class='cl'></div>
		<!--循环结束-->
	</div>
	
	<div class='plcont' id='con_pl_4' style='display:none'> 	<!--差评-->
		<!--循环开始-->
		<div class='cont_l fl'>
			<div class='icon'>
			<img title='tom' src='icon.png' /><br/>
			</div>
			<p><a href='#' >会员名</a></p>
			<p><a href='#'>注册会员</a></p>
		</div>
		<div class='cont_r fl'>
			<p class='cont_r_t'>
				<span class='star fl'>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_on' href='#'></a>
					<a class='star_off' href='#'></a>
				</span>
				<span class='date fr'>2013-08-08 23:08</span>
				<div class='cl'></div>
			</p>
			<div class='cont_r_c'>
				<p><span>评价内容:</span>差评</p>
				<div class='feedback'><span class='hf'>回复(0)</span><span id='yy'>有用(0)</span><div class='cl'></div></div>
				<div class='fb_form' id='fb_form' style='display:none'>
					<input type='text' id='fb_cont' />
					<span id='fb_sub'>回复</span> 
				</div>
			</div>
			<div class=''></div>
		</div>
		<div class='cl'></div>
		<!--循环结束-->
	</div>
	
</div>